<ion-view view-title="我的车票" class="xg-ticket-view">
    <ion-nav-buttons side="left">
        <a class="ion-ios-home-outline" href="#/tab/home"></a>
    </ion-nav-buttons>
  <ion-content class="xg-ticket-content">
    <div class="xg-ticket-head-pic1">
      <p>待使用车票</p>
    </div>
    <ion-list class="xg-ticket-ul float-fix">
      <p class="xg-ticket-info" ng-if="noValidTickets"><span class="ion-ios-chatbubble"></span>您还没有待使用的车票！</p>
      <ion-item class="item-remove-animate item-avatar item-icon-right xg-ticket-item xg-ticket-item-work row" ng-repeat="validateTicket in validateTickets" type="item-text-wrap">

        <div class="xg-col-20">
          <img ng-if="validateTicket.routeId<5" src="img/home/tc.png" >
          <img ng-if="validateTicket.routeId>4&&validateTicket.routeId<10" src="img/home/tj.png" >
        </div>
        <div class="xg-col-80">
          <div class="float-fix">
            <span class="ion-ios-location-outline"></span>
            <p>{{validateTicket.busNumber}}号车 {{validateTicket.seatNumber}} 号座, 乘坐人: {{validateTicket.seatName}}</p>
          </div>
          <div class="float-fix">
            <span class="ion-ios-clock-outline">
            </span>
            <p>发车时间: {{validateTicket.date}} </p>
          </div>
          <div class="float-fix">
            <span class="ion-ios-loop">
            </span>
            <p>路线: {{validateTicket.routeName}}</p>
          </div>
        </div>
        <ion-option-button class="button-assertive" ng-click="deleteTicket(validateTicket)">
          取消订票
        </ion-option-button>
      </ion-item>
    </ion-list>

    <div class="xg-ticket-head-pic2">
      <p ng-click="getInvalidateTicketsInfoByStaffId()">已使用车票 <i class="xg-ticket-view" >点击查看</i></p>
    </div>
    <ion-list class="xg-ticket-ul float-fix">
      <p class="xg-ticket-info" ng-if="noInvalidTickets"><span class="ion-ios-chatbubble"></span>您还没有过期的车票！</p>
      <ion-item class="item-remove-animate item-avatar item-icon-right xg-ticket-item xg-ticket-item-work-done row" ng-repeat="invalidateTicket in invalidateTickets" type="item-text-wrap">
        <div class="xg-col-20">
          <img ng-if="invalidateTicket.routeId<5" src="img/home/tc.png" >
          <img ng-if="invalidateTicket.routeId>4" src="img/home/tj.png" >
        </div>
        <div class="xg-col-80">
          <div class="float-fix">
            <span class="ion-ios-location-outline"></span>
            <p>{{invalidateTicket.busNumber}} 号车 {{invalidateTicket.seatNumber}} 号座,{{invalidateTicket.seatName}}</p>
          </div>
          <div class="float-fix">
            <span class="ion-ios-clock-outline">
            </span>
            <p>发车时间:{{invalidateTicket.date}} </p>
          </div>
          <div class="float-fix">
            <span class="ion-ios-loop">
            </span>
            <p>路线: {{invalidateTicket.routeName}}</p>
          </div>
        </div>
        <!--<ion-option-button class="button-assertive" ng-click="deleteTicket2(ticket)">-->
          <!--删除-->
        <!--</ion-option-button>-->
      </ion-item>

    </ion-list>
  </ion-content>
</ion-view>
